.elem-1 {
    color: #e56829;
}

.elem-2 {
    color: #ebbf21;
}

.elem-3 {
    color: #42cce0;
}

.elem-4 {
    color: #877aeb;
}

.elem-5 {
    color: #2caadb;
}

.elem-6 {
    color: #a57833;
}

.elem-7 {
    color: #95cc43;
}

.elem::before,
.weapon-elem::before {
    content: '';
    display: inline-block;
    height: 1.2em;
    vertical-align: middle;
    width: 1.2em;
}

.elem-1::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Fire_Weakpoint.png);
}

.elem-2::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Electric_Weakpoint.png);
}

.elem-3::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Ice_Weakpoint.png);
}

.elem-4::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Poison_Weakpoint.png);
}

.elem-5::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Water_Weakpoint.png);
}

.weapon-elem-2::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Light_Weakpoint.png);
}

.weapon-elem-4::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Middle_Weakpoint.png);
}

.weapon-elem-8::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Heavy_Weakpoint.png);
}

.weapon-elem-16::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Melee_Weakpoint.png);
}

.weapon-elem-32::before {
    background: center/100% url(/exilium/icons/vuln/Icon_BulletHit_Shot_Weakpoint.png);
}